<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0，maximum-scale=1.0,user-scalable=0">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/search.css">
  <script src="js/jquery.min.js"></script>
  <script src="js/search.js"></script>
  <title>搜索</title>
</head>

<body>
  <div class="container">
    <!-- 头部 -->
    <header>
      <div class="header">
        分类
      </div>
    </header>
    <!-- 搜索 -->
    <section>
      <div class="search">
        <img src="images/search/search.png" alt="">
        <input type="text" placeholder="输入您需要搜索的内容">
      </div>
    </section>
    <!-- 分类 -->
    <section>
      <div class="category clearfix">
        <div class="category_left fl">
          <ul>
            <li class="active"><a href="javascript:;"> 服饰箱包</a></li>
            <li><a href="javascript:;"> 家具生活</a></li>
            <li><a href="javascript:;"> 母婴玩具</a></li>
            <li><a href="javascript:;"> 食品饮料</a></li>
            <li><a href="javascript:;"> 数码电器</a></li>
            <li><a href="javascript:;"> 进口海淘</a></li>
            <li><a href="javascript:;"> 家纺家具</a></li>
            <li><a href="javascript:;"> 水果生鲜</a></li>
            <li><a href="javascript:;"> 美妆护肤</a></li>
          </ul>
        </div>
        <div class="category_right fl">
          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">服饰箱包</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>
          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">家具生活</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>
          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">母婴玩具</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>

          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">食品饮料</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>
          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">数码电器</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>
          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">进口海淘</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>
          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">家纺家具</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>
          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">水果生鲜</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>
          <div class="item">
            <h3 class="clearfix">
              <p class="kind fl">美妆护肤</p>
              <p class="more fr">查看更多</p>
            </h3>
            <ul>
              <li>
                <img src="images/search/img01.png" alt="">
                <p class="title">女装</p>
              </li>
              <li>
                <img src="images/search/img02.png" alt="">
                <p class="title">针织毛衣</p>
              </li>
              <li>
                <img src="images/search/img03.png" alt="">
                <p class="title">羽绒棉服</p>
              </li>
              <li>
                <img src="images/search/img04.png" alt="">
                <p class="title">女鞋</p>
              </li>
              <li>
                <img src="images/search/img05.png" alt="">
                <p class="title">毛衣外套</p>
              </li>
              <li>
                <img src="images/search/img06.png" alt="">
                <p class="title">男装</p>
              </li>
              <li>
                <img src="images/search/img07.png" alt="">
                <p class="title">内衣内裤</p>
              </li>
              <li>
                <img src="images/search/img08.png" alt="">
                <p class="title">箱包</p>
              </li>
              <li>
                <img src="images/search/img09.png" alt="">
                <p class="title">连衣裙</p>
              </li>
              <li>
                <img src="images/search/img10.png" alt="">
                <p class="title">服饰配件</p>
              </li>
              <li>
                <img src="images/search/img11.png" alt="">
                <p class="title">男鞋</p>
              </li>
              <li>
                <img src="images/search/img12.png" alt="">
                <p class="title">打底裤</p>
              </li>
            </ul>
          </div>

        </div>
      </div>
    </section>
    <!-- 底部导航 -->
    <footer>
      <div class="footer_nav">
        <ul>
          <li>
            <a href="index.html">
              <em class="icon">&#xe613;</em>
              <h3>首页</h3>
            </a>
          </li>
          <li>
            <a href="newsale.html">
              <em class="icon">&#xe662;</em>
              <h3>上新</h3>
            </a>
          </li>
          <li>
            <a href="foreignsale.html">
              <em class="icon">&#xe60e;</em>
              <h3>海淘</h3>
            </a>
          </li>
          <li>
            <a href="search.html">
              <em class="icon">&#xe793;</em>
              <h3>搜索</h3>
            </a>
          </li>
          <li>
            <a href="personal.html">
              <em class="icon">&#xe60d;</em>
              <h3>个人中心</h3>
            </a>
          </li>
        </ul>
      </div>
    </footer>
  </div>

  </div>
</body>

</html>